@charset "UTF-8";
/* line 1, ../../sass/creative/mobileCreativePreview.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 6, ../../sass/creative/mobileCreativePreview.scss */
body {
  position: relative;
  font: 13px/1.5em "Helvetica Neue",Helvetica,"Hiragino Sans GB","Segoe UI","Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif;
  background-color: #fff;
}

/* line 12, ../../sass/creative/mobileCreativePreview.scss */
p {
  margin: 0;
}

/* line 16, ../../sass/creative/mobileCreativePreview.scss */
a {
  border: 0;
  color: #777;
  text-decoration: none;
}

/* line 22, ../../sass/creative/mobileCreativePreview.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 31, ../../sass/creative/mobileCreativePreview.scss */
.creative-preview-outer {
  width: 440px;
  height: 880px;
  margin: 0 auto;
  padding-top: 86px;
  background-image: url(../../img/creative/iphone.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
}

/* line 42, ../../sass/creative/mobileCreativePreview.scss */
.creative-preview-wrapper {
  position: relative;
  width: 376px;
  height: 667px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 50, ../../sass/creative/mobileCreativePreview.scss */
.creative-preview-wrapper .header {
  width: 376px;
  height: 216px;
  background-image: url(../../img/creative/top.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}
/* line 59, ../../sass/creative/mobileCreativePreview.scss */
.creative-preview-wrapper .footer {
  width: 376px;
  height: 528px;
  background-image: url(../../img/creative/bottom.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

/* line 69, ../../sass/creative/mobileCreativePreview.scss */
.header {
  margin-top: 0;
}
/* line 72, ../../sass/creative/mobileCreativePreview.scss */
.header .holder-item {
  height: 35px;
}

/* line 77, ../../sass/creative/mobileCreativePreview.scss */
.creative-wrapper {
  height: auto;
  margin: 10px;
}

/*
  * 左图右文
  */
/* line 86, ../../sass/creative/mobileCreativePreview.scss */
.image-title-text .vmo-ad {
  color: #777;
  min-height: 71px;
}
/* line 91, ../../sass/creative/mobileCreativePreview.scss */
.image-title-text .vmo-title {
  font-weight: bold;
}
/* line 95, ../../sass/creative/mobileCreativePreview.scss */
.image-title-text .vmo-image img {
  border: 0;
  height: 71px;
  width: 71px;
}
/* line 101, ../../sass/creative/mobileCreativePreview.scss */
.image-title-text .vmo-image {
  clear: left;
  float: left;
  padding: 0 10px 0 0;
}

/*
  * 上文下图
  */
/* line 113, ../../sass/creative/mobileCreativePreview.scss */
.title-image .vmo-ad {
  color: #777;
  min-height: 71px;
}
/* line 118, ../../sass/creative/mobileCreativePreview.scss */
.title-image .vmo-title {
  font-weight: bold;
}
/* line 122, ../../sass/creative/mobileCreativePreview.scss */
.title-image .vmo-image img {
  border: 0;
  width: 100%;
}

/*
 * 多图
*/
/* line 132, ../../sass/creative/mobileCreativePreview.scss */
.multiple-image .vmo-ad {
  color: #777;
  min-height: 71px;
}
/* line 137, ../../sass/creative/mobileCreativePreview.scss */
.multiple-image .vmo-title {
  font-weight: bold;
}
/* line 141, ../../sass/creative/mobileCreativePreview.scss */
.multiple-image .vmo-image {
  display: inline-block;
  border: 0;
  width: 32.5%;
  box-sizing: border-box;
  float: left;
}
/* line 148, ../../sass/creative/mobileCreativePreview.scss */
.multiple-image .vmo-image:first-child {
  margin-right: 4px;
}
/* line 152, ../../sass/creative/mobileCreativePreview.scss */
.multiple-image .vmo-image:last-child {
  margin-left: 4px;
}
/* line 156, ../../sass/creative/mobileCreativePreview.scss */
.multiple-image .vmo-image img {
  border: 0;
  width: 100%;
}

/**
 * 全屏
 */
/* line 167, ../../sass/creative/mobileCreativePreview.scss */
.fullscreen-image .vmo-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 375px;
  height: 100%;
  max-height: 100%;
}

@media (min-width: 500px) {
  /* line 178, ../../sass/creative/mobileCreativePreview.scss */
  body {
    font-size: 16px;
  }
}
